<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>我的账户</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<header class="bar bar-nav u-myAccount-header-bg">
    <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <a href="" class="button button-link button-nav pull-right">
        <i class="icon iconfont icon-zhifu vam" style="font-size: .7rem;margin-right: .1rem;"></i>
        <span class="fs4 c-fff vam"> 提现记录</span>
    </a>
    <h1 class='title'>我的账户</h1>
</header>
<div class="content wm-content order-content of" style="background-color: #F4F5F9">
    <div class="u-account-head__wrap u-myAccount-header__wrap">
        <div class="u-myAccount-header-content">
            <section class="row">
                <aside class="col-75">
                    <section class="row">
                        <section class="col-50">
                            <section>
                                <span class="fs4 c-888">账户总额(元)</span>
                            </section>
                            <section>
                                <strong class="fs7 c-000">569.36</strong>
                            </section>
                        </section>
                        <section class="col-50">
                            <section>
                                <span class="fs4 c-888">冻结金额(元)</span>
                            </section>
                            <section>
                                <strong class="fs7 c-ccc">5696</strong>
                            </section>
                        </section>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="pt5 text-right">
                        <a href="" class="button button-fill button-round button-danger watch-live">充值</a>
                    </section>
                </aside>
            </section>
            <section class="row pt5">
                <aside class="col-75">
                    <section class="row">
                        <section class="col-50">
                            <section>
                                <span class="fs4 c-888">可提现金额(元)</span>
                            </section>
                            <section>
                                <strong class="fs7 c-000">569.36</strong>
                            </section>
                        </section>
                        <section class="col-50">
                            <section>
                                <span class="fs4 c-888">已提现金额(元)</span>
                            </section>
                            <section>
                                <strong class="fs7 c-ccc">5696</strong>
                            </section>
                        </section>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="pt5 text-right">
                        <a href="" class="button button-fill button-round button-danger watch-live purple-button disabled">提现</a>
                        <!--<a href="" class="button button-fill button-round button-danger watch-live purple-button">提现</a>-->
                    </section>
                </aside>
            </section>
        </div>
    </div>
    <article class="page-infinite__wrap u-myAccount-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                    <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                        <div class="card u-myAccount-infinite-card">
                            <div class="card-header">
                                <span class="fs7">账户变动记录</span>
                                <aside>
                                    <span class=""><span class="c-888 fs6 vam">类型</span> <i class="icon icon-caret fs4 c-ccc vam"></i></span>
                                    <span class=" ml5"><span class="c-888 fs6 vam">时间</span> <i class="icon icon-caret fs4 c-ccc vam"></i></span>
                                </aside>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <div class="list-block">
                                        <div class="pl75">
                                            <section class="item-inner">
                                                <section>
                                                    <span class="fs6">分销收益</span>
                                                </section>
                                                <section class="text-right">
                                                    <aside><span class="fs6 c-888">2018-12-22 11:22</span></aside>
                                                    <span class="c-green">+ 10.0</span>
                                                </section>
                                            </section>
                                            <section class="item-inner">
                                                <section>
                                                    <span class="fs6">购买课程</span>
                                                </section>
                                                <section class="text-right">
                                                    <aside><span class="fs6 c-888">2018-12-22 11:22</span></aside>
                                                    <span class="c-red">- 40.0</span>
                                                </section>
                                            </section>
                                            <section class="item-inner">
                                                <section>
                                                    <span class="fs6">充值卡充值</span>
                                                </section>
                                                <section class="text-right">
                                                    <aside><span class="fs6 c-888">2018-12-22 11:22</span></aside>
                                                    <span class="c-green">+ 10.0</span>
                                                </section>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
</body>
</html>
